<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<script src="<%=basePath %>js/jquery.KinSlideshow-1.0.js" type="text/javascript"></script>
<script src="<%=basePath %>js/jquery.soChange-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#KinSlideshow").KinSlideshow();
});
</script>
<style type="text/css">
.img1{
 width:500px;
 height:100%;
}
</style>
<style type="text/css">
@charset "utf-8";
/* reset */

/* 下面为演示部分样式 以上样式可以不管*/
/* changeBox_a1 */
.changeBox_a1{float:left;width:620px;height:340px;padding:2px;position:relative;border:1px solid #aaa;}
.changeBox_a1 .a_bigImg img{position:absolute;top:2px;left:2px;display:none;height:100%;width:100%;}
.changeDiv{position:absolute;top:2px;left:2px;display:none;}
.changeDiv h3{position:absolute;left:0px;bottom:0;width:620px;height:30px;line-height:30px;background:#000;filter:alpha(opacity=70);opacity:0.7;}
.changeDiv h3 a{display:block;padding-left:15px;color:#fff;}
/* ul_change_a1 */
.ul_change_a1{position:absolute;right:1px;bottom:6px;padding-left:19px;overflow:hidden;}
.ul_change_a1 li{float:left;margin-right:7px;}
.ul_change_a1 img{ border:1px solid #ddd;height:50px;width:66 px;}
.ul_change_a1 img.now{border:1px solid #FF6600;}
.a_last,.a_next{position:absolute;top:10px;width:16px;height:16px;background:url(./images/bot.png) no-repeat;text-indent:-999em;overflow:hidden;}
.a_last{right:30px;background-position:0 0;}
.a_next{right:12px;background-position:100% 0;}
</style>
<div class="span8"  id="body-content" style='margin-left:0px;'>
	    <div class="panel"> 
            <div class="panel-heading word"  style="background-color:#e9d555;"><strong>学院新闻</strong></div>
            <div class="eachBox">
		
			<div class="changeBox_a1" id="change_5" style='height:495px;width:100%;'>
				<a class="a_bigImg" target="_blank" href="http://www.phpjz.cn/js/items/2011-07-24/80.html" title=" javascript滚动图片带按钮控制上下左右自动无缝滚动">
				<img width="620" height="340" alt=" javascript滚动图片带按钮控制上下左右自动无缝滚动" src="<%=basePath %>images/1.jpg"></a>
				<a class="a_bigImg" target="_blank" href="http://www.phpjz.cn/js/items/2011-07-22/76.html" title="js 提示框插件鼠标滑过提示文章内容信息">
				<img width="620" height="340" alt="js 提示框插件鼠标滑过提示文章内容信息" src="<%=basePath %>images/1.jpg"></a>
				<a class="a_bigImg" target="_blank" href="http://www.phpjz.cn/css3/items/2011-07-23/78.html" title="用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox">
				<img width="620" height="340" alt="用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox" src="<%=basePath %>images/1.jpg"></a>
				<a class="a_bigImg" target="_blank" href="http://www.phpjz.cn/css3/items/2011-02-21/36.html" title="CSS如何定位工程">
				<img width="620" height="340" alt="CSS如何定位工程" src="<%=basePath %>images/2.jpg"></a>
				<a href="#" class="a_last" title="上一个">上一个</a><a href="#" class="a_next" title="下一个">下一个</a>
				<ul class="ul_change_a1" style='margin-left:0px;'>
					<li><a target="_blank" href="http://www.phpjz.cn/js/items/2011-07-24/80.html" title=" javascript滚动图片带按钮控制上下左右自动无缝滚动">
					<img alt=" javascript滚动图片带按钮控制上下左右自动无缝滚动" src="<%=basePath %>images/3.jpg"></a></li>
					<li><a target="_blank" href="http://www.phpjz.cn/js/items/2011-07-22/76.html" title="js 提示框插件鼠标滑过提示文章内容信息">
					<img  style='' alt="js 提示框插件鼠标滑过提示文章内容信息" src="<%=basePath %>images/5.jpg"></a></li>
					<li><a target="_blank" href="http://www.phpjz.cn/css3/items/2011-07-23/78.html" title="用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox">
					<img  alt="用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox" src="<%=basePath %>images/4.jpg"></a></li>
					<li><a target="_blank" href="http://www.phpjz.cn/css3/items/2011-02-21/36.html" title="CSS如何定位工程">
					<img width="100px" alt="CSS如何定位工程" src="<%=basePath %>images/5.jpg"></a></li>
				</ul>
			</div><!--change_5 end-->
			
			
			<script type="text/javascript">
			$('#change_5 .a_bigImg img').soChange({
				thumbObj:'#change_5 .ul_change_a1 img',
				botPrev:'#change_5 .a_last',
				botNext:'#change_5 .a_next',
				autoChange:false//自动切换为 false，默认为true
			});
			</script>
		</div><!--eachBox end-->
       </div>    
    </div><!-- end of 学院新闻 -->
    
    <!-- 学院公告 -->
    <div class="span4" id="" style='margin-left:13px;'>
        <div class="panel">
    		<div class="panel-heading word" style="background-color:#e9d555;"><strong>学院公告</strong></div>
    		<div style="border:2px">
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">2013年西华大学第五届数学竞赛获奖名单 </a></p> 
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">退学公告</a></p> 
    			 <p><a href="#">退学公告</a></p> 
    	   </div>	     
       </div>
    </div><!-- end of 学院公告 -->
    
    <!-- 联系电话 -->
    <div class="span4" id="" style='margin-top:-5px;margin-left:13px;'>
        <div class="panel">
    		<div class="panel-heading word" style="background-color:#e9d555;"><strong>联系电话</strong></div>
    		<div style="border:2px;align:center;">
    		     <br />
    		     <ul style="margin-left:20px">
    		        <li><p>党政办：    028-87726572</p></li>
    		        <li><p>学工办：    028-87725803</p></li>
    		        <li><p>实验中心：028-87720555</p></li>
    		        <li><p>教学办：    028-87720554</p></li>
    		        <li><p>院团委：    028-87725803</p></li>
    		        <li><p>培训中心：028-87726527</p></li>
    		     </ul> 
    	   </div>	     
       </div>
    </div><!-- end of 联系电话 -->
